<template>
  <div class="website-page" style="width: 720px; min-width: 80vw;">
    <div id="lucky-sheet" class="lucky-sheet-container"></div>
  </div>
</template>

<script>
import { defineComponent, nextTick, onMounted } from 'vue'

import luckySheetConfig from './lucky-sheet-engine'

export default defineComponent({
  name: 'Index',
  setup () {
    onMounted(() => {
      nextTick(() => {
        console.log(luckySheetConfig)
        luckysheet.create(luckySheetConfig)
      })
    })
    return {}
  }
})
</script>

<style scoped>
.lucky-sheet-container {
  width: 100%;
  height: 100%;
}
</style>
